<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#randImage").click(function () {
                $("#randImage").attr("src", "createcode?"+Math.random());
            })

            function login(){
                console.log("登录");
            }
        })
    </script>
</head>
<body>
<form id="log-and-reg" class="form-horizontal">
    <h3>登录</h3>
    <div class="form-group">
        <div class="col-sm-12">
            <input type="email" class="form-control" id="username" placeholder="邮箱">
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-12">
            <input type="password" class="form-control" id="password" placeholder="密码">
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-6">
            <input type="text" class="form-control" id="verificationCode" placeholder="验证码">
        </div>
        <div class="col-sm-6">
            <a class="verification-code pull-right" href="#">
                <img id="randImage" src="createcode" />
            </a>
        </div>
    </div>
    <div class="form-group">
    </div>
    <div class="form-group">
        <div class="col-sm-6">
            <div class="checkbox">
                <label class="remember-pass"><input type="checkbox"> 记住密码</label>
                <a class="forget-pass pull-right" href="${BASE}/forgetpsw">忘记密码</a>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-12">
            <button type="button" class="btn-submit" onclick="login()">登录</button>
        </div>
        <div class="col-sm-12">
            <p class="immediately-switch">还没有帐号?<a href="#" data-toggle="modal" data-target="#myModal">马上注册</a></p>
        </div>
    </div>
</form>
</body>
</html>